import ProCard from '@ant-design/pro-card';
import SearchBox from '@/components/Search/SearchBox';
import React from 'react';

const VisualAnalysisLayout = ({ children, title, onSubmit }) => {
  const handleSubmit = (value) => {
    onSubmit(value);
  };

  return (
    <ProCard ghost direction="column">
      <ProCard
        gutter={8}
        style={{
          marginBottom: '1em',
          borderRadius: '8px',
        }}
        layout="center"
        title={<b style={{ fontSize: '18px' }}>{`${title}`}</b>}
      >
        <SearchBox
          onSubmit={handleSubmit}
          advices={[
            {
              FullName: '招商银行股份有限公司',
              eid: 'bccd1b0b-79fe-4daf-af47-d61dbf1ada02',
              status: '存续（在营、开业、在册）',
            },
            // {
            //   FullName: '山西晋柳能源有限公司',
            //   eid: 'ad33c2b1-97c7-4b99-b224-b25275cfc9b4',
            //   status: '存续（在营、开业、在册）',
            // },
            // {
            //   FullName: '深圳市晏清投资发展有限公司',
            //   eid: 'c97ca8d1-ae17-43e4-8bac-b4b22051484c',
            //   status: '存续（在营、开业、在册）',
            // },

          ]}
        />
      </ProCard>
      {children}
    </ProCard>
  );
};

export default VisualAnalysisLayout;
